<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>推送关键词管理</title>
    <script src="js/public.js"></script>
    <!--<link rel="stylesheet" href="css/index.css" type="text/css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="css/currency.css" />
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.css" />
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/roleList.css" type="text/css">

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Access-Control-Allow-Origin" content="application/json; charset=utf-8" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 启用 WebApp 全屏模式 -->
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta name="format-detection" content="telphone=no, email=no" />
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    <!--<link rel="stylesheet" href="css/roleList.css" type="text/css">-->
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/md5.js" type="text/javascript"></script>
    <script src="js/SendKey.js" type="text/javascript"></script>


</head>

<body>
<div class="container-fluid">
    <h1>关键词列表</h1>
    <form class="form-inline" style="margin-top: 5px;margin-bottom: 5px;">
        <div class="btn-group">
            <button type="button" id="addKeyWordView" class="btn btn-primary" ><span class="icon-plus">&nbsp;</span>新增</button>
        </div>
        <div class="pull-right input-group">
            <input type="text"  id="KeyIput" class="form-control" placeholder="请输入关键词" aria-label="请输入关键词">
            <div class="input-group-append" id="queryKeyWord">
                <span class="input-group-text"><i class="icon-search"></i>查询</span>
            </div>
        </div>
    </form>
    <div class="table-responsive" id="CzView" style="display: none">
        <table class="table table-striped table-hover" id="CzKeyWordTable">
            <thead>
            <tr>
                <th  colspan="5">查找结果</th>
            </tr>
            <tr>
                <th>ID</th>
                <th>关键词</th>
                <th>介绍</th>
                <th>类型</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <button class="closeCzView">关闭查找</button>
    </div>

    <br>
    <div class="table-responsive">
        <table class="table table-striped table-hover" id="KeyWordTable">
            <thead>
            <tr>
                <th>ID</th>
                <th>关键词</th>
                <th>介绍</th>
                <th>类型</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    <!--新增-->
    <div class="add_div" style="width:620px;height: 400px;display: none;">
        <div style="width: 100%;height: 55px; background-color: #d2e9e6;">
            <h5 class="h5_title" >添加关键词</h5>
        </div>
        <div style="margin-left:10% ;margin-top: 5%">
            <label style="margin: auto; padding: auto; font-size: 1.2rem;">关键词：</label>
            <input id="addNewKeyword" type="text" class="input-size" placeholder="请输入关键词" />
            <label style="font-size: 0.75rem;text-align: left">组合关键字以&连接，&nbsp;&nbsp;默认1级关键字</label>
            <br /><br />
            <label style="margin: auto; padding: auto;font-size: 1.2rem;">介绍：</label>
            <input id="addNewInfo" type="text" class="input-size" placeholder="请描述该关键词" /><br /><br />
            <label style="margin: auto; padding: auto;font-size: 1.2rem;">类型：</label>
            <input id="addNewType" type="text" class="input-size" placeholder="请输入该关键词类型" />
            <lable style="font-size: 0.75rem">不填按2级关键字处理</lable>
            <br /><br />
            <!--<p style="margin-left: 110px">不填按2级关键字处理</p>-->
        </div>

        <div style="margin-left: 25%;">
            <button id="addKeyWordNow" class="btn" style="color: blue;"><i class="icon-ok"></i>确认</button>
            <button id="closeAddKeyView" class="btn" style="margin-left: 10%;color: red;"><i class="icon-remove"></i>取消</button>
        </div>
    </div>


</div>

</body>

</html>